@extends('layouts.app')

@section('head')
    @component('components.heading')
    @slot('page')
    500
    @endslot
    @slot('content')
    error
    @endslot
    @endcomponent
@endsection

@section('content')
    <div class="body-500">
        <div class="error-header"> </div>
        <div class="container ">
            <section class="error-container text-center">
                <h1>500</h1>
                <div class="error-divider">
                    <h2>ooops!!</h2>
                    <p class="description">SOMETHING WENT WRONG.</p>
                </div>
                <a href="/home" class="return-btn"><i class="fa fa-home"></i>Home</a>
            </section>
        </div>
    </div>
@stop
